@import '/static/common/less-config.less';
body {
    background: url(img/bg.png) no-repeat top center;
}

.logoc {
    width: 100%;
    height: 70px;
    margin-top: 8%;
    background: url(img/logo.png) no-repeat 0px 0px;
    color: #fff;
    line-height: 1;
    font-size: 16px;
    div {
        margin-top: 20px;
    }
    a {
        display: inline-block;
        border: solid 1px #fff;
        border-radius: 2px;
        color: #fff;
        padding: 3px 8px;
    }
}

.register-container {
    margin-top: 30px;
    margin-bottom: 80px;
    height: 700px;
    width: 100%;
    background: #fff;
    box-shadow: 2px 2px 10px #555;
    .head {
        height: 50px;
        background: #d5f3ff;
        font-size: 17px;
        line-height: 50px;
        text-align: center;
        li {
            width: 50%;
            float: left;
            height: 60px;
            cursor: pointer;
            a {
                color: #7b7b7b;
            }
            &.cur {
                background: url(img/cub.png);
                a {
                    color: #fff;
                }
            }
        }
    }
    .dsf {
        color: #404040;
        font-size: 16px;
        margin-top: 30px;
        line-height: 1;
        text-align: center;
        position: relative;
        .line {
            position: absolute;
            left: 0px;
            top: 9px;
            line-height: 1px;
            height: 1px;
            img {
                position: absolute;
                top: 0px;
            }
        }
        .text {
            z-index: 2;
            position: relative;
            width: 110px;
            margin: 0px auto;
            background: #fff;
        }
    }
    .login-inner {
        width: 560px;
        margin: 0px auto;
        &.turn-to{
        	border-top: solid 1px #aaa;
        	margin-top:50px;
        	padding-top: 45px;
        	color:#7b7b7b;
        	font-size: 13px;
        	text-indent: 80px;
        	line-height: 26px;
        	font{
        		color: @blue;
        	}
        	img{
        		float: right;
        		margin-right: 80px;
        	}
        }
        .input-group {
            width: 100%;
            margin: 0px auto;
            .row {
                margin-bottom: 30px;
            }
            .success {
            	color:#7b7b7b;
                width: 315px;
                float: right;
                h2 {
                    color: #404040;
                    font-weight: normal;
                    font-size: 18px;
                }
                a {
                    margin-left: 25px;
                    color: @red;
                    font-size: 12px;
                }
                label{
                	display: block;
                	margin-top: 10px;
                }
            }
            font-size: 12px;
            .tag {
                float: left;
                line-height: 30px;
                color: #404040;
                width: 75px;
                text-align: left;
                font-size: 14px;
            }
            .input-c {
                width: 300px;
                float: left;
                a {
                    color: @blue;
                }
                input[type='text'],input[type='password'] {
                    width: 290px;
                    border: solid 1px #aaa;
                    color: #7b7b7b;
                }
                input[type=submit] {
                    width: 100%;
                    border-radius: 3px;
                    text-align: center;
                    height: 40px;
                    line-height: 1;
                    font-size: 17px;
                }
            }
            .suff {
                float: left;
                width: 180px;
                color: #404040;
                
                text-indent: 10px;
                .btn {
                   text-indent:0px;
                }
                .pass-level {
                    height: 26px;
                    line-height: 26px;
                    margin-left: 15px;
                    li {
                        cursor: pointer;
                        text-indent: 0;
                        margin-right: 4px;
                        width: 50px;
                        text-align: center;
                        float: left;
                        color: #fff;
                        background: #ecb4ac;
                        font-size: 12px;
                        &.now {
                            background: #ec8879;
                        }
                    }
                }
            }
        }
        .progress1 {
            margin: 60px 0px;
            li {
                width: 33.3%;
                float: left;
                position: relative;
                &.cur {
                    .number,
                    .line {
                        background: @blue;
                        color: #fff;
                    }
                    .text {
                        color: @blue;
                    }
                }
                .line {
                    height: 4px;
                    background: #e6e6e6;
                    width: 100%;
                    margin-top: 10px;
                    border-radius: 2px;
                }
                .text {
                    color: #7b7b7b;
                    text-align: center;
                    width: 100%;
                    margin-top: 15px;
                }
                .number {
                    position: absolute;
                    top: 2px;
                    left: 50%;
                    background: #e6e6e6;
                    color: #7b7b7b;
                    font-size: 16px;
                    text-align: center;
                    line-height: 20px;
                    margin-left: -10px;
                    width: 20px;
                    height: 20px;
                    border-radius: 10px;
                }
            }
        }
        .p-logos {
            margin: 45px 0 30px;
            li {
                float: left;
                margin-right: 70px;
                width: 50px;
                text-align: center;
                .text {
                    color: #7b7b7b;
                    display: block;
                    font-size: 12px;
                }
            }
        }
    }
}
